﻿/*banner效果*/
.banner { position:relative; width:100%; height:600px; min-width:1100px; overflow:hidden; z-index: 99}
.banner .txt{position: absolute; top: 160px; left: 50%; margin-left: -350px; width: 700px; z-index: 99; text-align: center; font-size: 20px;}
.banner .txt .txt2{ background: rgba(143,0,2,0.5); padding: 20px 0px}
.banner .txt .txt3{color: rgba(255,255,255,1.00); font-size: 14px}
.banner .txt h2{font-weight: bold; width: 460px; height: 80px; margin: 20px auto; font-weight: 100; font-size: 40px; line-height: 60px; color: #fff; background: url(../Images/banner_txtbg.png) no-repeat center}
.banner .txt .btn{width: 180px; height: 40px; margin: 50px auto; }
.banner .txt .btn a{background: #004D99; border: 1px solid #004D99; width: 180px; height: 40px;border-radius: 20px; display: inherit; line-height: 40px; font-size: 18px; color: #FFFFFF; transition:0.8s ease 0.01s}
.banner .txt .btn a:hover{color: #fff; border: 1px solid #004D99; background: none; transition:0.8s ease 0.01s }
.banner_list{ width:100%; height:600px; overflow:hidden;}
.banner_list li { height:600px; position:absolute; width:100%; display:none; }
.banner_list li img{ position:absolute; left:50%; top:0; margin-left:-960px; width:1920px; height:600px;}
.banner_btn_o a{ display:none; position:absolute; top:50%; margin-top:-42px; z-index:20; width:34px; height:64px;}
.banner_prev{ background:url(../Images/banner_lac.png) no-repeat; left:2%;}
.banner_next{ background:url(../Images/banner_rac.png) no-repeat; right:2%;}
.banner_prev:hover{ background:url(../Images/banner_lho.png) no-repeat;}
.banner_next:hover{ background:url(../Images/banner_rho.png) no-repeat;}
.banner_owd{ position:absolute; width:100%; height:22px; bottom:30px; z-index:200; text-align:center;}
.banner_btn{ width:100%; height:10px;}
.banner_btn span{ display:inline-block; background:url(../Images/banner_ac.png) no-repeat; width:9px; height:9px; margin:0 2px; cursor:pointer;  transition:all 1s ease 0.01s; -moz-transition:all 1s ease 0.01s; -webkit-transition:all 1s ease 0.01s;}
.banner_btn span.on{ background:url(../Images/banner_ho.png) no-repeat; width:18px; transition:width 0.4s ease 0.01s; -moz-transition:width 0.4s ease 0.01s; -webkit-transition:width 0.4s ease 0.01s;}
.close{ background:url(../images/hide.png) no-repeat; width:30px; height:15px; position:absolute; left:50%; top:20px; padding:0 10px;}
.close:hover{ background-position:0px -15px;}
/*news-move*/
.news{ position:absolute; left:50%; margin-left:-550px; bottom:8px; z-index:300; width:1100px; height:45px;}
.news_l{ position:relative; width:960px; height:45px;}
.news_hot{ background:url(../Images/ind_newmyy.png) repeat; position:relative; width:944px; height:45px; padding-left:16px;}
.news_r{ background:url(../Images/ind_newmyy.png) repeat; width:136px; height:39px; padding-top:6px;}
.news_hName{ color:#0268b3; font-size:14px; width:auto; height:45px; line-height:45px; background:url(../Images/ind_newicon.png) no-repeat left; padding-left:30px; margin-right:6px; display:inline;}
.news_hMove{ width:396px; height:45px; line-height:45px; overflow:hidden;}
.news_hMlist li{ height:45px;}
.news_hMlist li a{ display:block; height:45px;}
.news_hMlist li a span{ display:inline-block; height:45px;}
.news_hMname{ font-size:13px; width:310px; height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_hMtime{ color:#888;}
.news_r a{ display:block; background-color:#0268b3; color:#FFF; font-size:15px; width:100px; height:32px; line-height:32px; margin:0 auto; padding-left:16px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.news_r a span{ background:url(../Images/jt_zyicon.png) no-repeat left; padding-left:20px;}
.news_Mtk{ position:absolute; bottom:0; left:0; z-index:300; background:url(../Images/ind_newmyy.png) repeat; width:960px; height:0;}
.news_Mtkbox{ width:912px; height:232px; padding:16px 18px 0 30px;}
.news_Mtkl{ width:444px;}
.news_Mtkr{ width:414px;}
.news_Mtname{ background:url(../Images/ind_newicon.png) no-repeat left; padding-left:30px; color:#0268b3; font-size:18px;}
.news_Mtlist{ padding-top:6px; height:180px; overflow:hidden;}
.news_Mtlist li{ height:35px; line-height:35px; border-bottom:1px dotted #888;}
.news_Mtlist li a{ display:block; height:35px; padding-left:6px;}
.news_Mtitle{ display:inline-block; background:url(../Images/ind_newmac.png) no-repeat left; padding-left:22px; font-size:13px; width:334px; height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_Mrmore{ height:23px; padding:4px 0 20px;}
.news_Mrmore  a{ display:inline-block; color:#0268b3; width:auto; height:21px; line-height:21px; padding:0 10px; border:1px solid #0268b3; 
border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;}
.news_Mrmore a span{ background:url(../Images/nore_icon.png) no-repeat right; padding-right:16px;}
.news_Mrshow{ height:162px;}
.new_Mrsimg{ width:272px; height:162px;}
.new_Mrfor{ width:130px;}
.new_Mrfname a{ display:block; color:#0268b3; font-size:18px; margin-bottom:42px;}
.new_Mrfmore a{ color:#c0a354; font-size:14px;}

.in1{width: 100%; overflow: hidden; background: #F5F5F5; padding: 80px 0px}
.in1 .tit{text-align: center; margin-bottom: 35px; background: url(../Images/index_tit1.png) center top no-repeat; height: 60px; font-size: 20px; padding-top: 30px; color: #004D99}
.in1 ul{width: 100%; margin: auto; max-width: 1200px;}
.in1 li{width: 33.3333333%; text-align: center; float: left; height: 180px}
.in1 li .txt{border: 2px solid #494949; padding: 2px; border-radius: 60px; -webkit-border-radius: 60px; -o-border-radius: 60px; -moz-border-radius: 60px;cursor: pointer; -webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}


.in2{width: 100%; overflow: hidden; background:url(../Images/in2_bg.jpg) center bottom; padding: 80px 0px}
.in2 .tit{text-align: center; margin-bottom: 35px; background: url(../Images/index_tit2.png) center top no-repeat; height: 60px; font-size: 20px; padding-top: 30px; color: #004D99}
.in2 .list{width: 1200px; margin: auto; overflow: hidden}
.in2 .list li{float: left; width: 25%; margin: auto; transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s; position: relative; }
.in2 .list li:hover{position: relative; transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s; position: relative; }
.in2 .list li .img{text-align: center; overflow: hidden; margin: 5px}
.in2 .list li img{ transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s; width: 100%; height: 300px}
.in2 .list li .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.in2 .list li .name{line-height: 50px; font-size: 14px; text-align: center; margin: 5px; border-bottom: 2px solid #0069E7}
.in2 .list li .name a{font-size: 14px; color: #000; line-height: 50px; display: block; width: 100%; height: 50px}
.in2 .list li .tro{font-size: 14px; color: #727272}

.in3{width: 100%; overflow: hidden;  padding: 80px 0px}
.in3 .tit{text-align: center; margin-bottom: 15px; height: 60px;background: url(../Images/index_tit3.png) center top no-repeat; font-size: 20px; padding-top: 30px; color: #004D99}
.in3 .box{width: 1200px; margin: auto}
.in3 .bg{background:url(../Images/in3_bg.jpg) center no-repeat; overflow: hidden; height: 550px}
.in3 .box .pic{width: 500px; float: left; border: 3px solid #FFFFFF}
.in3 .box .in_news{width: 800px; float: right; margin-right: 20px; font-size: 16px; line-height: 200%}
.in3 .box .in_news li{border-bottom: 1px dotted #A7A7A7; overflow: hidden; margin: 20px auto}
.in3 .box .time{width: 90px; line-height: 30px; text-align: center; color:#9B9B9B; float: left; margin-right: 20px}
.in3 .box .time .d{width: 90px; font-size: 20px; font-weight: bold}
.in3 .box .time .ym{width: 90px;}
.in3 .box h3{float: left;  width: 680px}
.in3 .box p{float: left; width: 680px; color: #878787; font-size: 14px}
.in3 .box .more a{width: 180px; height: 40px; line-height: 40px; border-radius: 20px; float: right; border: 1px solid #004BA6; text-align: center}
.in3 .box .more a:hover{background: #004BA6; color: #FFFFFF}
/*warp-c*/
.warp_c{ height:auto; overflow:hidden; padding:40px 0 90px;}
/*three-good*/
.three_good{ height:388px; overflow:hidden; padding-bottom:52px; }
.three_good ul{ width:1200px; margin: auto}
.three_good li{ float:left; width:350px; height:388px; margin-right:25px; display:inline;}
.three_gdimg{ width:350px; height:260px; overflow:hidden;}
.three_gdimg img{ transition:all 0.8s ease-in 0s; -webkit-transition:all 0.8s ease-in 0s; -moz-transition:all 0.8s ease-in 0s; -o-transition:all 0.8s ease-in 0s;}
.three_gdimg:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}
.three_gdName{ padding-top:20px; text-align:center;}
.three_gdName a{ display:block; color:#0268b3; font-size:20px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.three_gdTro{ font-size:14px; padding:12px 19px 0 19px; height:72px; overflow:hidden; text-align:center;}

.in_about{background: #064da3; padding: 50px 0px}
.in_about .box{width: 1200px; margin: auto; overflow: hidden}
.in_about .box .l{float: left; width: 360px}
.in_about .box .r{float: right; width: 800px; color: #FFFFFF; font-size: 16px; line-height: 200%}
.in_about .box .r h1{font-size: 26px; margin-bottom: 20px; font-weight: bold; color: #ff9900}
.in_about .box .r .more a{width: 120px; float: right; border: 1px solid #DBDBDB; text-align: center; color: #ff9900; border-radius: 20px}

/*num*/
.jt_num{ margin-bottom:38px; padding: 50px 0px}
.jt_num .tit h2{text-align: center; font-size: 26px; line-height: 35px}
.jt_num .tit h3:before{ color: #BBBBBB; content:"------  ";}
.jt_num .tit h3{font-size: 18px; width: 500px; margin: auto; text-align: center; line-height: 35px; margin-bottom: 20px}
.jt_num .tit h3:after{ color: #BBBBBB; content:"  ------";}
.jt_numList{ height:260px;}
.jt_numList li{ float:left; background-color:#f7f7f7; width:230px; margin-right: 10px; height:260px; padding-top:10px;}
.jt_numImg{ position:relative; width:200px; height:200px; margin:0 auto;}
.jt_numImg img{ position:absolute;}
.brand_img{ left:0; width:200px; height:200px;}
.brand_shimg{ display:none; top:0; left:100px; width:0;height:200px; cursor:pointer;overflow:hidden;}
.jt_numList li h3{ color:#333; font-size:18px; text-align:center; margin-top: 15px}
.jt_numList li p{ color:#888; line-height:20px; height:60px; overflow:hidden; padding:12px 22px 0 22px; text-align:center;}

/*media*/
.media{ position:relative; width:1100px; height:450px; cursor:pointer;}
.media_img{ width:1100px; height:450px; overflow:hidden;}
.media_icon{ position:absolute; top:200px; left:50%; margin-left:-39px; z-index:20; width:78px; height:78px; cursor:pointer;}
.media_tk{ display:none; position:absolute; top:0; left:0; width:1100px; height:450px; z-index:200;}
